/* 公共样式 */
// html {
//   font-size: 100px;
// }

// @media screen and (max-width: 1024px) {
//   html {
//     font-size: calc(100vw / 3.75);
//   }
// }

.ellipsis-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body {
  background-color: #f6f6f6;
}

.__warp {
  width: 1170px;
  margin: 0 auto;
  padding: 0px 15px;
  box-sizing: border-box;
}

.a-link {
  cursor: pointer;

  &:hover {
    color: #f7525a;
  }
}

.pagination {
  margin-top: 30px;
  text-align: right;
}

pre {
  word-wrap: normal;
  word-break: break-all;
  white-space: pre;
  overflow-x: scroll;
  overscroll-behavior-x: contain;
  margin-top: 0;
  margin-bottom: 20px;
  border-radius: 4px;
  z-index: 0;
  padding: 1em;
  line-height: 1.5;
  color: #ccc;
  background: #2d2d2d;
}

em.key-word {
  color: #f73131;
}
